<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>注册会员</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  <link type="text/css" rel="stylesheet" href="${ctx}/css/unified/unified_sjyx.css">
</head>
<body>
<div class="page">
  <!--左半部分-->
  <div class="left">
    <div class="left-center">
      <div class="img left_img"></div>
   
      <p class="left_p">关注货运业，关怀货运人</p>
    </div>
  </div>
  <!--右半部分-->
  <div class="right">
    <!--错误提示背景色红-->
    <p class="error-msg-alt hide">登录名/密码错误</p>
    <!--主要内容-->
    <div class="right-center register vip-cen">
      <!--切换标签-->
      <div class="tab">
        <p class="resetTitle  current">注册会员</p>
      </div>
      <!--切换内容-->
      <div class="con">
        <form action="${ctx}/register-user" id="vip-register-form" method="post">
          <input type="hidden" name="redirect_uri" value="${redirect_uri}">

        <div class="con-item mobile">
          <div class="form-grp">
            <span class="form-title"><i>*</i>邮箱地址(手机号码  [二选一]):</span>
            <div class="form-input-grp">
              <div class="error-out"></div>
              <c:if test="${!empty mobile}">
                <input type="text"  class="form-input form-input-enable" value="${mobile}" readonly="true" name="mobile" id="mobile">
              </c:if>
              <c:if test="${!empty email}">
                <input type="text"  class="form-input form-input-enable" value="${email}" readonly="true" name="email" id="email" >
              </c:if>
            </div>
          </div>
          <div class="form-grp">
            <span class="form-title"><i>*</i>用户名:</span>
            <div class="form-input-grp">
              <div class="error-out"><div class="error-msg hide"><span></span>&nbsp;&nbsp;<div class="img error-icon"></div></div></div>
              <input type="text" id="nam" class="form-input" placeholder="中文/字母/数字/下划线" name="account">
            </div>
          </div>
          <div class="form-grp">
            <span class="form-title"><i>*</i>密码:</span>
            <div class="form-input-grp">
              <div class="error-out"><div class="error-msg hide"><span></span>&nbsp;&nbsp;<div class="img error-icon"></div></div></div>
              <div class="form-lr-icon r"><div class="img icon-img" onclick="showPwd(this,'pwd');"></div></div>
              <input type="password" id="pwd" placeholder="6-16位，区分大小写" class="form-input form-input-r" name="password">
            </div>
          </div>
          <%--<p class="ser-rule"><i onclick="checkboxChecked(this);" id="check-box"></i>&nbsp;&nbsp;&nbsp;我已经阅读并同意《<a>服务条款</a>》</p>--%>
          <div class="form-btn form-btn-u" onclick="vipRegister('${ctx}');">完&nbsp;成&nbsp;注&nbsp;册</div>
          <%--<p class="lr-title" onclick="goToLogin('${ctx}');"><i class="img img-rtn-l"></i>&nbsp;已经注册过了？返回登录</p>--%>
        </div>
        </form>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="${ctx}/js/libs/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/common/validate.js"></script>
<script type="text/javascript" src="${ctx}/js/unified/unified_sjyx.js"></script>
<script type="text/javascript" src="${ctx}/js/unified/unified_fr.js"></script>
</html>